<template>
  <div class="boc-header">
    <boc-icon></boc-icon>
    <boc-nav class="boc-nav"></boc-nav>
  </div>
</template>
<script type="text/javascript">
import BocIcon from "./boc-icon";
import BocNav from "./boc-nav";
export default {
  name: "boc-header",
  data() {
    return {};
  },
  components: {
    BocIcon,
    BocNav,
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
};
</script>
<style type="text/css">
.boc-header {
  height: 80px;
  padding: 0 15px;
  margin: 0;
  background-color: #f8f9fa;
  line-height: 80px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
}
@media (max-width: 767.98px) {
  .boc-header .boc-nav{
    display: none;
  }
}
</style>
